{include file="public/head"}
<style>
    body,.aui-grid-content{background:#F1F3F4}
    .aui-grid-row-item{
        width: 49%;
        background: #fff;
        margin: .1rem;
    }
    .aui-grid-row-item-nine{
        width: 32.3%!important;
        margin: .1rem;
    }
    .aui-grid-row img{
        width: 6.5rem;
        height: 6.5rem;
    }
    @media  screen and (min-width:375px ) {
        .aui-grid-row-item-nine{
            width: 32.4%!important;
        }
        .aui-grid-row img {
            width: 8rem;
            height: 8rem;
        }
    }

    @media  screen and  (min-width:414px ) {
        .aui-grid-row-item-nine{
            width: 32.5%!important;
        }
        .aui-grid-row img {
            width:9rem;
            height:9rem;
        }
    }

    .aui-content-box span{
        font-size: 1rem;
        padding:1rem .5rem;
    }
</style>
<body>
<header class="aui-header-default aui-header-fixed aui-header-bg">
    <!--    <a href="#" class="aui-header-item">-->
    <!--&lt;!&ndash;        <i class="aui-icon aui-icon-code"></i>&ndash;&gt;-->
    <!--        <img src="__STATIC__/User/img/icon/Logo.jpg" style="max-width: 30px">-->
    <!--    </a>-->
    <div class="aui-header-center">
        <!--        <div class="aui-header-search-box">-->
        <!--            <input id="name" type="text"  placeholder="商品名称" class="aui-header-search" style="padding-left: .5rem">-->
        <!--        </div>-->
        <span>首页</span>
    </div>
    <!--    <a href="javascript:" class="aui-header-item-icon" style="padding-right: 3rem" id="search">-->
    <!--        <i class="aui-icon aui-icon-small-search"></i>-->
    <!--        <i class="aui-icon aui-icon-packet"></i>-->
    <!--        <i class="aui-icon aui-icon-member"></i>-->
    </a>
</header>
<div class="aui-content-box">
    <div class="aui-banner-content aui-fixed-top" data-aui-slider>
        <div class="aui-banner-wrapper">
            <div class="aui-banner-wrapper-item">
                <a href="#">
                    <img src="/uploads/banner/20200714/a1d964fe7da3b7c9c5a31b2ef3fa7fdf.jpg">
<!--                    <img src="../public/static/User/img/bg/log.jpg">-->
                </a>
            </div>
        </div>
        <div class="aui-banner-pagination"></div>
    </div>
    <section class="aui-grid-content">
        <span>热门应用</span>
        <div class="aui-grid-row">
            <a href="{:url('User/UserRecharge')}" class="aui-grid-row-item">
                <i class="aui-icon-large aui-icon-sign"></i>
                <p class="aui-grid-row-label">会员充值</p>
            </a>
            <a href="{:url('Goods/GoodsInvest')}" class="aui-grid-row-item">
                <i class="aui-icon-large aui-icon-vip"></i>
                <p class="aui-grid-row-label">投资返利</p>
            </a>
            <!--            <a href="{:url('Goods/GoodsRepeat')}" class="aui-grid-row-item">-->
            <!--                <i class="aui-icon-large aui-icon-time"></i>-->
            <!--                <p class="aui-grid-row-label">复消专区</p>-->
            <!--            </a>-->
            <!--            <a href="{:url('Order/OrderList')}" class="aui-grid-row-item">-->
            <!--                <i class="aui-icon-large aui-icon-group"></i>-->
            <!--                <p class="aui-grid-row-label">我的订单</p>-->
            <!--            </a>-->
            <!--            <a href="{:url('User/UserQrcode')}" class="aui-grid-row-item">-->
            <!--                <i class="aui-icon-large aui-icon-share"></i>-->
            <!--                <p class="aui-grid-row-label">分享推广</p>-->
            <!--            </a>-->
        </div>


        <span>生态圈</span>

        <div class="aui-grid-row">
            {volist name="AppList" id="v"}
            <a href="{:url('User/UserRecharge')}" class="aui-grid-row-item aui-grid-row-item-nine">
                <img src="{$v.logo_url}">
                <p class="aui-grid-row-label">{$v.name}</p>
            </a>
            {/volist}
        </div>
    </section>
</div>

<footer class="aui-footer-default aui-footer-fixed">
    <a href="{:url('Index/Index')}" class="aui-footer-item aui-footer-active">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
        <span class="aui-footer-item-text">首页</span>
    </a>
<!--    <a href="{:url('Goods/ClassList')}" class="aui-footer-item">-->
<!--        <span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>-->
<!--        <span class="aui-footer-item-text">分类</span>-->
<!--    </a>-->
    <a href="{:url('Goods/GoodsInvest')}" class="aui-footer-item">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-find"></span>
        <span class="aui-footer-item-text">发现</span>
    </a>
    <!--    <a href="{:url('Order/OrderList')}" class="aui-footer-item">-->
    <!--        <span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>-->
    <!--        <span class="aui-footer-item-text">订单</span>-->
    <!--    </a>-->
    <a href="{:url('User/Index')}" class="aui-footer-item">
        <span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
        <span class="aui-footer-item-text">我的</span>
    </a>
</footer>
<script type="text/javascript" src="__STATIC__/User/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/User/js/aui.js"></script>
<script>
    $('#search').on('click',function () {
        var name=$("#name").val();
        if(name==""){
            alert('请输入商品名称');
        }else{
            window.location.href='/Goods/GoodsSearch/goodsname/'+name;
        }
    })
</script>
</body>
</html>